﻿@{
    ViewBag.Title = "首页";
    var F = @Html.F();
}

@section head {

    <link type="text/css" rel="stylesheet" href="~/res/css/index.css" />
    <link type="text/css" rel="stylesheet" href="~/res/css/FineUIOvereide.css" />
    <style>
        #treeMenu .f-tree-cell {
            padding: 5px 0px;
            font-size: 14px;
        }
    </style>

}

@section body {

    <div id="header" class="ui-widget-header f-mainheader">
        <table>
            <tr>
                <td>
                    <a class="logo" href="@Url.Content("~/")" title="MySysFrame">
                        @ViewBag.HomeTitle
                    </a>
                </td>
                <td style="text-align: right;">
                    @(F.Button()
                                .OnClientClick("leftpanelsetCollapse()")
                                .EnableDefaultCorner(false)
                                .EnableDefaultState(false)
                                .IconFont(IconFont.Bars)
                                .IconAlign(IconAlign.Top)
                                .ToolTip("收起菜单")
                                .CssClass("icononlyaction")
                    )
                    @(F.Button()
                                .OnClick("btnHomePage_Click")
                                .EnableDefaultCorner(false)
                                .EnableDefaultState(false)
                                .IconFont(IconFont.SignOut)
                                .IconAlign(IconAlign.Top)
                                .ToolTip("重新登陆")
                                .ID("btnHomePage")
                                .CssClass("icononlyaction")
                    )
                    @(F.Button()
                                .EnableDefaultCorner(false)
                                .EnableDefaultState(false)
                                .IconFont(IconFont.Bank)
                                .IconAlign(IconAlign.Top)
                                .ToolTip("主题仓库")
                                .ID("btnThemeSelect")
                                .CssClass("icononlyaction")//icontopaction
                                .Listener("click", "onThemeSelectClick")
                    )
                </td>
            </tr>
        </table>
    </div>

    <div id="maincontent">
    </div>

    @(F.RegionPanel()
                .ID("RegionPanel1")
                .ShowBorder(false)
                .IsViewPort(true)
                .CssClass("mainpanel")
                .Regions(
                    F.Region()
                        .ID("Region1")
                        .ShowBorder(false)
                        .ShowHeader(false)
                        .RegionPosition(Position.Top)
                        .CssClass("topregion bgpanel")
                        .Layout(LayoutType.Fit)
                        .ContentEl("#header"),
                    F.Region()
                        .ID("Region2")
                        .RegionSplit(true)
                        .RegionSplitWidth(5)
                        .RegionSplitIcon(false)
                        .Width(200)
                        .ShowHeader(false)
                        .ShowBorder(false)
                        .Title("菜单")
                        .EnableCollapse(true)
                        .Layout(LayoutType.VBox)
                        .RegionPosition(Position.Left)
                        .CssClass("leftregion bgpanel")
                        .Items(
                            F.Panel().ShowBorder(false).ShowHeader(false).MinHeight(75)
                            .CssClass("ui-widget-header").BoxFlex(1).BodyPadding(15).Items(
                                    F.Label().Label("你好").LabelWidth(50).Text(ViewBag.username),
                                    F.Button().IconFont(IconFont.User).Text(ViewBag.userrole).Enabled(false)
                                ),
                            F.Tree()
                                .ShowBorder(false)
                                .ShowHeader(false)
                                .ID("treeMenu")
                                .EnableSingleClickExpand(true)
                                .ContentEl("#treeMenu")
                                .AutoScroll(false)
                                .Nodes((TreeNode[])ViewBag.TreeMenuNodes).BoxFlex(9)
                        ),
                    F.Region()
                        .ID("mainRegion")
                        .ShowHeader(false)
                        .Layout(LayoutType.Fit)
                        .RegionPosition(Position.Center)
                        .CssClass("centerregion")
                        .Items(
                            F.TabStrip()
                                .ID("mainTabStrip")
                                .EnableTabCloseMenu(true)
                                .ShowBorder(false)
                                .Tabs(
                                    F.Tab()
                                        .ID("Tab1")
                                        .Title("首页")
                                        .BodyPadding(10)
                                        .Layout(LayoutType.Fit)
                                        .IconFont(IconFont.Home)
                                        .ContentEl("#maincontent")
                                        .EnableIFrame(true)
                                        .IFrameUrl("~/system/HomePage/HomePage")
                                )
                        )
                )
    )


    @(F.Window()
                .Hidden(true)
                .EnableResize(true)
                .EnableMaximize(true)
                .EnableClose(true)
                .Height(600)
                .Width(1020)
                .IsModal(true)
                .ClearIFrameAfterClose(false)
                .IFrameUrl(Url.Content("~/Home/Themes"))
                .EnableIFrame(true)
                .Title("主题仓库")
                .ID("windowThemeRoller")
    )
}
@section script {
    <script>

        // 点击主题仓库
        function onThemeSelectClick(event) {
            F.ui.windowThemeRoller.show();
        }

        // 页面控件初始化完毕后，会调用用户自定义的onReady函数
        F.ready(function () {

            //F.ui.mainTabStrip.AddanimateCss();

            // 初始化主框架中的树和选项卡互动，以及地址栏的更新
            // treeMenu： 主框架中的树控件实例，或者内嵌树控件的手风琴控件实例
            // mainTabStrip： 选项卡实例
            // updateHash: 切换Tab时，是否更新地址栏Hash值（默认值：true）
            // refreshWhenExist： 添加选项卡时，如果选项卡已经存在，是否刷新内部IFrame（默认值：false）
            // refreshWhenTabChange: 切换选项卡时，是否刷新内部IFrame（默认值：false）
            // maxTabCount: 最大允许打开的选项卡数量
            // maxTabMessage: 超过最大允许打开选项卡数量时的提示信息
            F.initTreeTabStrip(F.ui.treeMenu, F.ui.mainTabStrip, {
                maxTabCount: 10,
                maxTabMessage: '请先关闭一些选项卡（最多允许打开 10 个）！',
                updateHash: false
            });
            //ui-widget-header
            $('#header').find("tr").eq(0).addClass('ui-widget-header');
            $('#treeMenu').addClass('ui-widget-header');
            //$('#treeheader').addClass('ui-widget-header');
            $('#treeMenu .f-tree-cell').css("padding", "8px 0px");
            $('#treeMenu .f-tree-cell').css("font-size", "15px");
            //加载完成后 保证 滚动条 f-tree-table-scroll 的 overflow 取消  f-panel-body 的 overflow auto

            $('#treeMenu .f-panel-body').css("overflow", "auto");
            $('#treeMenu .f-tree-table-scroll').css("overflow", "visible");
        });
        // 点击主题仓库
        function onThemeSelectClick(event) {
            var windowThemeRoller = F.ui.windowThemeRoller;
            windowThemeRoller.show();
        }

        // 添加示例标签页（通过href在树中查找）
        function addExampleTabByHref(href) {
            var leftPanel = F.ui.Region2;
            var firstChild = leftPanel.getItem(1);

            href = href.toLowerCase();

            // 在树数据中查找href对应的节点id
            function checkInsideTree(tree) {
                var found = false;
                tree.resolveNode(function (node) {
                    var resolveHref = node.href;
                    if (resolveHref) {
                        resolveHref = resolveHref.toLowerCase();
                        if (resolveHref.indexOf(href) >= 0) {

                            // 保证传入的id和点击树节点生成的id相同！！！
                            F.addMainTab(F.ui.mainTabStrip, {
                                id: node.id,
                                iframeUrl: node.href,
                                title: node.text,
                                icon: node.icon,
                                iconFont: node.iconFont
                            });
                            found = true;
                            return false; // break
                        }
                    }
                });
                return found;
            }


            if (firstChild.isType('tree')) {
                // 左侧为树控件
                checkInsideTree(firstChild);
            } else {
                // 左侧为树控件+手风琴控件
                $.each(firstChild.items, function (index, accordionpane) {
                    if (checkInsideTree(accordionpane.getItem(0))) {
                        return false; // break
                    }
                });
            }
        }


        function leftpanelsetCollapse() {
            F.ui.Region2.toggleCollapse();
        }
    </script>
}
